@charset "utf-8";

@import "reset";
@import "commonPublish";

@function vw($a){
    @return ( $a / 640 ) * 100vw;
}

.web{
    width: 100%;
    height: 100%;
    position: relative;
}
header{
    width: 100%;
    position: absolute;
}
section{
    width: 100%;
    position: absolute;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
footer{
    width: 100%;
    position: absolute;
}
.newselect-box{
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    .newselect{
        position: absolute;
        z-index: 10;
        bottom: 0;
        right: 0;
        height: vw(400);
        width: 100%;
        background: #FFFFFF;
        animation: newselect 0.3s forwards;
        .newselect-item{
            height: vw(80);
            width: 100%;
            box-sizing: border-box;
            border-bottom: 1px solid #dcdcdc;
            text-align: center;
            font-size: vw(26);
            line-height: vw(80);
            span{
                color: #000000;
            }
            
        }
    }
}

@keyframes newselect{
    from{
        transform: translateY(vw(400));
    }
    to{
        transform: translateY(0);
    }
}
